//colors
$colors:("primary":#DB9E3F,
    "info":#4b67af,
    "blue":#4394e4,
    "blue-1":#1F3695,
    "white":#fff,
    "light":#f9f9f9,
    "light-1":#d4d9de,
    "grey":#999,
    "grey-1":#666,
    "dark-1":#333,
    "dark-2": #33332C,
    "dark":#222,
    "black":#000,
    "danger":#781A16,
);

$border-color:map-get($colors, 'light-1');
//font size
$base-font-size: 1rem;
$font-sizes:("xxs":0.6154, //8px    
    "xs":0.7692, //10px
    "sm":0.9231, //12px
    "md":1, //13px
    "lg":1.0769, //14px
    "xl":1.2308, //16px
);

//flex
$flex-jc:(start:flex-start,
    end:flex-end,
    center:center,
    between:space-between,
    around:space-around,
);

$flex-ai:(start:flex-start,
    end:flex-end,
    center:center,
    stretch:stretch, // 元素被拉伸以适应容器
);

//spacing

$spacing-types:(m:margin, p:padding);
$spacing-directions:(t:top, r:right, b:bottom, l:left);
$spacing-base-size:1rem;
$spacing-sizes:(0:0, 1:0.25, 2:0.5, 3:1, 4:1.5, 5:3);